<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <div id="inop">
        <div class="inop-c">
            <span style="margin-right:45px;float: left;">欢迎访问黄冈市英山县公路管理局</span>
            <span id="demo1" style="margin-right: 30px;float: left;"></span>
            <span style="float: left;">
                <iframe style="padding-top: 3px;" width="280" scrolling="no" height="32" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=40&color=%23FFFFFF&icon=1&site=12"></iframe>
            </span>
            <span style="float: right;">
                <a>设为首页</a>
                &nbsp;
                <a>加入收藏</a>
            </span>
        </div>
    </div>
    <div id="wrap">
        <div class="header">
            <div id="logo"></div>
        </div>
        <div class="nav">
            <ul class="ul">
                <li class="lis">
                    <span><img src="/image/home-lm1.png" alt="icon"></span>
                    <a href="#">网站首页</a>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm2.png" alt="icon"></span>
                    <a href="#">政务动态</a>
                    <ul>
                        <li><a href="http://www.gov.cn/pushinfo/v150203/index.htm">国务院</a></li>
                        <li><a href="http://www.hubei.gov.cn/zwgk/hbyw/hbywqb/index.shtml">湖北省</a></li>
                        <li><a href="#">公路新闻</a></li>
                        <li><a href="#">视频新闻</a></li>
                        <li><a href="#">通知公告</a></li>
                        <li><a href="#">政策法规</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm3.png" alt="icon"></span>
                    <a href="#">公路建设</a>
                    <ul>
                        <li><a href="#">公路建设</a></li>
                        <li><a href="#">公路养护</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm4.png" alt="icon"></span>
                    <a href="#">路政治超</a>
                    <ul>
                        <li><a href="#">路政管理</a></li>
                        <li><a href="#">治超管理</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm5.png" alt="icon"></span>
                    <a href="#">党风廉政</a>
                    <ul>
                        <li><a href="#">廉政建设</a></li>
                        <li><a href="#">党建园地</a></li>
                    </ul>
                </li>
                <li class="lis">
                    <span><img src="/image/home-lm6.png" alt="icon"></span>
                    <a href="#">专题专栏</a>
                    <ul>
                        <li><a href="#">文明创建</a></li>
                        <li><a href="#">公路文化</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div id="container">
            <div class="section">
                <div style="width:100%;height: 62px;border: 1px solid #eee;background: orangered;"></div>
            </div>
            <div class="section">
                <div class="banner">
                    <img src="/image/banner.jpg" alt="banner">
                </div>
                <div class="bannerText">
                    <div class="bannerTitle">
                        <a href="#" class="hover" id="one1" onmouseover="setTab('one',1,5)">国务院</a>
                        <a href="#" id="one2" onmouseover="setTab('one',2,5)">湖北省</a>
                        <a href="#" id="one3" onmouseover="setTab('one',3,5)">公路新闻</a>
                        <a href="#" id="one4" onmouseover="setTab('one',4,5)">视频新闻</a>
                        <a href="#" id="one5" onmouseover="setTab('one',5,5)">文明创建</a>
                    </div>
                    <ul class="testbody">
                        <li id="con_one_1" style="background: red;">
                            国务院
                        </li>
                        <li id="con_one_2" style="background: green;display: none;">
                            湖北省
                        </li>
                        <li id="con_one_3" style="background: blue;display: none;">
                            公路新闻
                        </li>
                        <li id="con_one_4" style="background: yellow;display: none;">
                            视频新闻
                        </li>
                        <li id="con_one_5" style="background: orange;display: none;">
                            文明创建
                        </li>
                    </ul>
                </div>
            </div>
            <div class="section">
                <div class="textMain">
                    <div class="newLeft">
                        <div class="newLeftText">
                            <a href="#" class="new-title">路政管理</a>
                            <div class="new-text"></div>
                        </div>
                        <div class="newLeftText">
                            <a href="#" class="new-title">治超管理</a>
                            <div class="new-text"></div>
                        </div>
                    </div>
                    <div class="newCenter">
                        <div class="newLeftText">
                            <a href="#" class="new-title">廉政建设</a>
                            <div class="new-text"></div>
                        </div>
                        <div class="newLeftText">
                            <a href="#" class="new-title">党建园地</a>
                            <div class="new-text"></div>
                        </div>
                    </div>
                    <div class="newRight">
                        <div class="new-table">
                            <div class="newTable-title">
                                <span>通知通告</span>
                                <a href="#">更多</a>
                            </div>
                        </div>
                        <div class="new-table">
                            <div class="newTable-title">
                                <span>廉政建设</span>
                                <a href="#">更多</a>
                            </div>
                        </div>
                        <div class="eling">
                            <a href="#">在线留言</a>
                            <a href="#">局长信箱</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="whileImg">
                    <div class="whileImg-title">公路风采</div>
                </div>
            </div>
        </div>
       <div style="width: 100%;height: 200px;margin: 0 auto;padding-top: 6px;">
            <div class="footer">
                <p>黄冈市英山县公路管理局版权所有 地址：黄冈市英山县公路管理局</p>
                <p>路政服务电话：0713-7112789 治超服务电话：0713-7113988
                    投诉电话：0713-8814101 监督电话：0713-8393325
                    交通热线：12328 投诉地点：黄冈市公路管理局监察室</p>
                <p>邮编：438700 投稿邮箱：<a href="#" style="color: #fff;">948851961@qq.com</a>
                    备案号:<a href="#" style="color: #fff;">鄂ICP备15014733号</a> 技术支持 <a href="#" style="color: #fff;">同想科技</a></p>
                <a href="#" style="width: 200px;display: block;margin: 0 auto;color: #fff;">
                    <img src="/image/111.png" alt="icon" style="display: block;float: left;margin-right: 10px;">
                    <span style="display: block;float: left;">鄂公网安备 42112402000135号</span>
                </a>
                <a href="#" style="display: block;margin: auto;width: 80px;"><img src="/image/blue.png" alt="logo"></a>
            </div>
        </div> 
    </div>
    <script>
    Date.prototype.format = function(fmt){
    var o = {
        "M+" : this.getMonth()+1,                 //月份
        "d+" : this.getDate(),                    //日
        "h+" : this.getHours(),                   //小时
        "m+" : this.getMinutes(),                 //分
        "s+" : this.getSeconds(),                 //秒
        "q+" : Math.floor((this.getMonth()+3)/3), //季度
        "S"  : this.getMilliseconds()             //毫秒
    };

    if(/(y+)/.test(fmt)){
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
    }
            
    for(var k in o){
        if(new RegExp("("+ k +")").test(fmt)){
        fmt = fmt.replace(
            RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));  
        }       
    }

    return fmt;
}

var now = new Date();
var weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
document.getElementById("demo1").innerHTML=new Date().format("今天 yyyy年MM月dd日" + " " + weekday[now.getDay()]);
</script>
</body>

<script>
    function setTab(name,cursel,n){          
        for(i=1;i<=n;i++){           
            var menu=document.getElementById(name+i);           
            var con=document.getElementById("con_"+name+"_"+i);           
            menu.className=i==cursel?"hover":"";           
            con.style.display=i==cursel?"block":"none";          
            }         
        }        
</script>
</html>